﻿/*wrapper*/
.propertiesContent {
	padding: 50px 30px;
	width: 100%;
	display: flex;
	flex-direction: column;
	row-gap: 35px;
	align-items: flex-start;
	box-sizing: border-box;
}
/*filter wrapper*/
.productContent {
	display: flex;
	flex-direction: row;
	gap: 20px;
	width: 100%;
}
/*filter input wrapper*/
.productContent .componentType, .productContent .componentName {
	width: 265px;
	display: flex;
	flex-direction: column;
}
/*filter input label*/
.productContent .componentType label, .productContent .componentName label {
	margin-bottom: 5px;
}
/*filter input selector container*/
.productContent .componentType .propertiesSelectorContainer, .productContent .componentName .propertiesSelectorContainer {
	/*height: 36px;
	display: flex;*/
	box-sizing: border-box;
	align-items: center;
	position: relative;
}
/*filter input selector*/
.productContent .componentType select, .productContent .componentName select {
	border: none;
	appearance: none;
	padding: 8px 35px 8px 8px;
	border: 1px solid #cdcdcd;
	width: 100%;
	cursor: pointer;
	margin-top:5px;
}
/*filter input selector icon*/
.productContent .componentType svg, .productContent .componentName svg {
	position: absolute;
	right: 8px;
	bottom:5px; /*cambio*/
	pointer-events: none;
}
/*filter input selector focus and focus-visible*/
.productContent .componentType select:focus-visible, .productContent .componentName select:focus-visible {
	border-color: #064B9C;
	outline: none;
}
/*table wrapper*/
.propertiesTable.tableContent {
	width: 100%;
}
/*table*/
.propertiesTable table.dataTable {
	border: none;
	width: 100% !important;
	table-layout: fixed;
}
/*table rows*/
.propertiesTable.tableContent tr {
	height: 52px;
}
/*table cells*/
.propertiesTable.tableContent th, .propertiesTable.tableContent td {
	width: auto !important;
}
/*table header cells*/
.propertiesTable.tableContent th {
	color: #064B9C;
	border-bottom-color: #064B9C;
}
/*table body cells*/
.propertiesTable.tableContent td {
	border-bottom: 1px solid #cdcdcd;
}
.propertiesTable.tableContent .even td {
	background-color: #f9f9f9;
}
/*table body row selected cells*/
.propertiesTable.tableContent tr.selected td {
	box-shadow: none;
	background-color: #ddecff;
	color: #444;
}
/*table body check-box cell*/
.propertiesTable.tableContent .select-checkbox {
	width: 42px !important;
	box-sizing: border-box !important;
}
/*table body check-box*/
.propertiesTable.tableContent tr td.select-checkbox::before {
	border: 1px solid #525252;
	height: 20px;
	width: 20px;
	top: 16px;
	margin: 0;
	border-radius: 0;
	left: 10px;
}
/*table body check-box selected*/
.propertiesTable.tableContent tr.selected td.select-checkbox::before {
	border: 1px solid #525252;
}
/*table body check-box icon*/
.propertiesTable.tableContent tr.selected td.select-checkbox::after {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="%23525252" d="M9 16.17L5.53 12.7a.996.996 0 1 0-1.41 1.41l4.18 4.18c.39.39 1.02.39 1.41 0L20.29 7.71a.996.996 0 1 0-1.41-1.41L9 16.17z"/></svg>');
	content: "";
	background-position: center;
	margin: 0;
	top: 16px;
	color: #525252;
	left: 10px;
	background-size: 92%;
	width: 20px;
	height: 20px;
	text-shadow: none;
	background-repeat: no-repeat;
}
/*table input and autocomplete*/
.propertiesTable div.DTE_Field_InputControl input.ui-autocomplete-input, div.DTE_Field_InputControl input[type=text] {
	height: 36px;
	border-radius: 0;
}
/*table input and autocomplete focus and focus-visible*/
.propertiesTable div.DTE_Field_InputControl input.ui-autocomplete-input:focus, .propertiesTable div.DTE_Field_InputControl input[type=text]:focus, .propertiesTable div.DTE_Field_InputControl input.ui-autocomplete-input:focus-visible, .propertiesTable div.DTE_Field_InputControl input[type=text]:focus-visible {
	border-color: #064B9C;
	outline: none;
}
/*table select*/
.propertiesTable div.DTE_Field_InputControl select {
	appearance: none;
	padding: 8px 27px 8px 8px;
	border: 1px solid #cdcdcd;
	width: 100%;
	cursor: pointer;
	border-radius: 0;
	height: 36px;
}
/*table select focus and focus-visible*/
.propertiesTable div.DTE_Field_InputControl select:focus, .propertiesTable div.DTE_Field_InputControl select:focus-visible {
	border-color: #064B9C;
	outline: none;
}
/*table buttons*/
.propertiesTable .dt-button {
	background: #064B9C;
	color: white;
	border: none;
	box-sizing: border-box;
	padding: 8px 21px;
	border-radius: 0;
}
/*table buttons hover*/
.propertiesTable button.dt-button:not(.disabled):hover {
    background-color: #007BBC;
    color: white;
    border: none;
    box-sizing: border-box;
    padding: 8px 21px;
    border-radius: 0;
}
/*table buttons focus*/
.propertiesTable button.dt-button:not(.disabled):focus {
    background: linear-gradient(to bottom, #0072c6 0%, #064B9C 100%);
    color: white;
    border: none;
    box-sizing: border-box;
    padding: 8px 21px;
    border-radius: 0;
    text-shadow: none;
}
/*table section header*/
.propertiesTable .dt-headerSection {
	display: flex;
	justify-content: space-between;
	padding-bottom: 20px;
	align-items: center;
}
/*table n entries section*/
.propertiesTable .dt-number-of-rows div {
	padding: 0 50px 0 0;
}
.propertiesTable .dt-headerSection .dt-number-of-rows label {
	gap: 7px;
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	align-items: center;
}
/*table n entries section select*/
.propertiesTable .dt-headerSection .dt-number-of-rows label select {
	appearance: none;
	padding: 8px 27px 8px 8px;
	border: 1px solid #cdcdcd;
	width: 100%;
	cursor: pointer;
	border-radius: 0;
	height: 36px;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="%23444" d="M8.12 9.29L12 13.17l3.88-3.88a.996.996 0 1 1 1.41 1.41l-4.59 4.59a.996.996 0 0 1-1.41 0L6.7 10.7a.996.996 0 0 1 0-1.41c.39-.38 1.03-.39 1.42 0z"/></svg>');
	background-repeat: no-repeat;
	background-position: calc(100% - 8px) center;
}
.propertiesTable .dt-headerSection .dt-number-of-rows label select:focus, .propertiesTable .dt-headerSection .dt-number-of-rows label select:focus-visible,  {
	border-color: #064B9C;
	outline: none;
	background-color: transparent;
}
/*table pager*/
.propertiesTable .table__pager {
	display: flex;
	justify-content: space-between;
	margin-top: 10px;
}
/*table pager buttons*/
.dataTables_wrapper .dataTables_paginate .paginate_button, .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
	background: transparent;
	border: none;
	border-radius: 0;
	box-sizing: border-box;
}
/*table pager current button*/
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
	cursor: default;
}
/*table pager current button hover*/
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	background-color: transparent;
	border: none;
	background: #007BBC;
	border-radius: 0;
	box-sizing: border-box;
}
/*table pager next button*/
.dataTables_wrapper .dataTables_paginate .paginate_button.next {
	background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="%23666" d="M9.29 6.71a.996.996 0 0 0 0 1.41L13.17 12l-3.88 3.88a.996.996 0 1 0 1.41 1.41l4.59-4.59a.996.996 0 0 0 0-1.41L10.7 6.7c-.38-.38-1.02-.38-1.41.01z"%2F%3E%3C%2Fsvg%3E');
	padding-right: 24px;
	background-repeat: no-repeat;
	background-position: right 4px;
}
/*table pager current previous*/
.dataTables_wrapper .dataTables_paginate .paginate_button.previous {
	background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="%23666" d="M14.71 6.71a.996.996 0 0 0-1.41 0L8.71 11.3a.996.996 0 0 0 0 1.41l4.59 4.59a.996.996 0 1 0 1.41-1.41L10.83 12l3.88-3.88c.39-.39.38-1.03 0-1.41z"%2F%3E%3C%2Fsvg%3E');
	padding-left: 24px;
	background-repeat: no-repeat;
	background-position: left 4px;
}
/*table pager next button hover*/
.dataTables_wrapper .dataTables_paginate .paginate_button.next:hover {
	background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="white" d="M9.29 6.71a.996.996 0 0 0 0 1.41L13.17 12l-3.88 3.88a.996.996 0 1 0 1.41 1.41l4.59-4.59a.996.996 0 0 0 0-1.41L10.7 6.7c-.38-.38-1.02-.38-1.41.01z"%2F%3E%3C%2Fsvg%3E');
	padding-right: 24px;
	background-repeat: no-repeat;
	background-position: right 4px;
}
/*table pager previous button hover*/
.dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover {
	background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="white" d="M14.71 6.71a.996.996 0 0 0-1.41 0L8.71 11.3a.996.996 0 0 0 0 1.41l4.59 4.59a.996.996 0 1 0 1.41-1.41L10.83 12l3.88-3.88c.39-.39.38-1.03 0-1.41z"%2F%3E%3C%2Fsvg%3E');
	padding-left: 24px;
	background-repeat: no-repeat;
	background-position: left 4px;
}
/*table pager next disabled button*/
.dataTables_wrapper .dataTables_paginate .paginate_button.next.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.next.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.next.disabled:active {
	color: #b1b1b1 !important;
	padding-right: 24px;
	background-repeat: no-repeat;
	background-position: right 4px;
	border: none;
	background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="%23b1b1b1" d="M9.29 6.71a.996.996 0 0 0 0 1.41L13.17 12l-3.88 3.88a.996.996 0 1 0 1.41 1.41l4.59-4.59a.996.996 0 0 0 0-1.41L10.7 6.7c-.38-.38-1.02-.38-1.41.01z"%2F%3E%3C%2Fsvg%3E');
}
/*table pager previous disabled button*/
.dataTables_wrapper .dataTables_paginate .paginate_button.previous.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.previous.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.previous.disabled:active {
	padding-left: 24px;
	background-repeat: no-repeat;
	background-position: left 4px;
	color: #b1b1b1 !important;
	border: none;
	background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="%23b1b1b1" d="M14.71 6.71a.996.996 0 0 0-1.41 0L8.71 11.3a.996.996 0 0 0 0 1.41l4.59 4.59a.996.996 0 1 0 1.41-1.41L10.83 12l3.88-3.88c.39-.39.38-1.03 0-1.41z"%2F%3E%3C%2Fsvg%3E');
}
/*table pager current button*/
.dataTables_wrapper .dataTables_paginate .paginate_button.current:not(.previous):not(.next) {
        color: white !important;
        background: #064B9C;
        font-weight: 600
    }
/*save button section*/
.propertiesSave {
	display: flex;
	width: 100%;
	justify-content: flex-end;
}
/*save button*/
.propertiesSave .saveGrid {
	background: #D49631;
	color: white;
	border: none;
	box-sizing: border-box;
	padding: 8px 21px;
	border-radius: 0;
	font-size: 13px;
	cursor: pointer;
}
/*save button hover/focus*/
.propertiesSave .saveGrid:hover, .propertiesSave .saveGrid:focus {
	background: #F1AB3F;
}
/*save button focus*/
.propertiesSave .saveGrid:focus {
	background: linear-gradient(to bottom, #F1AB3F 0%, #D49631 100%);
}
/*save button spinner*/
.is-hidden {
	display: none;
}
/*save dialog*/
.ui-dialog.propertiesTableDialog {
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%);
	padding: 0;
}
/*save dialog header*/
.ui-dialog.propertiesTableDialog .ui-dialog-titlebar {
	cursor: default;
	background-color: transparent;
	padding: 16px 10px 2px 16px;
	border: none;
}
/*save dialog header title*/
.ui-dialog.propertiesTableDialog .ui-dialog-titlebar .ui-dialog-title {
	font-size: 18px;
	font-weight: 400;
}
/*save dailog close icon*/
.ui-dialog.propertiesTableDialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon-closethick {
	background-image: none;
}
.ui-dialog.propertiesTableDialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
	font-size: 18px;
	width: 22px;
	min-width: 0;
	height: 16px;
	padding: 0;
	margin: 0;
	display: block;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4.82 4.82"><path fill="%23666" d="m2.41,3.26l-1.25,1.24c-.13.14-.24.22-.31.26s-.16.06-.25.06c-.17,0-.31-.06-.43-.18s-.18-.26-.18-.44c0-.09.02-.17.06-.24s.12-.18.26-.31l1.25-1.24L.35,1.19c-.13-.13-.22-.24-.26-.31s-.06-.16-.06-.25C.03.46.09.32.21.2S.47.02.64.02c.09,0,.17.02.24.06s.18.12.31.26l1.22,1.22L3.65.32c.13-.14.24-.22.31-.26s.16-.06.25-.06c.17,0,.31.06.43.18s.18.26.18.44c0,.09-.02.17-.06.24s-.12.18-.26.31l-1.24,1.24,1.21,1.21c.13.13.22.24.26.31s.06.16.06.25c0,.17-.06.31-.18.43s-.26.18-.44.18c-.09,0-.17-.02-.24-.06s-.18-.12-.31-.26l-1.21-1.21Z"/></svg>');
	right: 21px;
	background-size: 10px 10px;
	background-repeat: no-repeat;
	background-position: center;
	border: none;
	top: 20px;
	background-color: transparent;
	cursor: pointer;
}
.ui-dialog.propertiesTableDialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4.82 4.82"><path fill="%23D49631" d="m2.41,3.26l-1.25,1.24c-.13.14-.24.22-.31.26s-.16.06-.25.06c-.17,0-.31-.06-.43-.18s-.18-.26-.18-.44c0-.09.02-.17.06-.24s.12-.18.26-.31l1.25-1.24L.35,1.19c-.13-.13-.22-.24-.26-.31s-.06-.16-.06-.25C.03.46.09.32.21.2S.47.02.64.02c.09,0,.17.02.24.06s.18.12.31.26l1.22,1.22L3.65.32c.13-.14.24-.22.31-.26s.16-.06.25-.06c.17,0,.31.06.43.18s.18.26.18.44c0,.09-.02.17-.06.24s-.12.18-.26.31l-1.24,1.24,1.21,1.21c.13.13.22.24.26.31s.06.16.06.25c0,.17-.06.31-.18.43s-.26.18-.44.18c-.09,0-.17-.02-.24-.06s-.18-.12-.31-.26l-1.21-1.21Z"/></svg>');
}
/*save dialog body*/
.ui-dialog.propertiesTableDialog .propertiesDialog {
	padding: 16px;
}
/*save spinner*/
.imgSaveGrid {
	position: absolute;
	margin-top: 0px;
}
#productsSelector {
	margin: 0 0 0 5px;
}
.grammageValue {
	width: 50px;
}
/*table dialog */
div.DTED_Lightbox_Wrapper {
	margin-left: auto;
	transform: translate(-50%, -50%);
	top: 50% !important;
}
/*table dialog */
div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content {
	box-shadow: none !important;
}
/*table dialog */
div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTE {
	border-radius: 0;
	border: 1px solid #c5c5c5;
}
/*table dialog header*/
div.DTE div.DTE_Header {
	background-color: transparent;
	border: none;
}
/*table dialog header title*/
.DTE_Header_Content {
	font-size: 18px;
}
/*table dialog header close button*/
div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTED_Lightbox_Close {
	top: 16px;
	right: 21px;
	color: #666;
	box-shadow: none;
	border: none;
	background: transparent;
	cursor: pointer;
}
/*table dialog header close button hover*/
div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTED_Lightbox_Close:hover {
	background: transparent;
}
/*table dialog header close button*/
div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTED_Lightbox_Close:after {
	font-size: 26px;
	color: #666;
}
/*table dialog header close button*/
div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTED_Lightbox_Close:hover:after {
	font-size: 26px;
	color: #D49631;
}
/*table dialog create button*/
div.DTE button.btn, div.DTE div.DTE_Form_Buttons button {
	background: #D49631;
	color: white;
	border: none;
	box-sizing: border-box;
	padding: 8px 21px;
	font-size: 13px;
	border-radius: 0;
	cursor: pointer;
	box-shadow: none;
}
/*table dialog create button hover/focus*/
div.DTE button.btn, div.DTE div.DTE_Form_Buttons button:hover, div.DTE button.btn, div.DTE div.DTE_Form_Buttons button:focus {
	background: #F1AB3F;
	box-shadow: none;
	border: none;
}
/*table dialog create button focus*/
div.DTE button.btn, div.DTE div.DTE_Form_Buttons button:focus {
	background: linear-gradient(to bottom, #F1AB3F 0%, #D49631 100%);
	text-shadow: none;
}
/*table dialog footer*/
div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTE div.DTE_Footer {
	border: none;
}
/*table dialog cell hover*/
div.DTE_Body div.DTE_Body_Content div.DTE_Field, div .DTE_Body div.DTE_Body_Content div.DTE_Field:hover {
	background-color: transparent;
	border: none;
}
/*table dialog field*/
div#DTE_Field_Propiedad {
	height: 36px;
	display: flex;
	box-sizing: border-box;
	align-items: center;
	position: relative;
}
/*table dialog select*/
div.DTE_Field select {
	background-position: calc(100% - 8px) center;
	background-color: white;
	appearance: none;
	padding: 8px 35px 8px 8px;
	border: 1px solid #cdcdcd;
	width: 100%;
	cursor: pointer;
	border-radius: 0;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="%23444" d="M8.12 9.29L12 13.17l3.88-3.88a.996.996 0 1 1 1.41 1.41l-4.59 4.59a.996.996 0 0 1-1.41 0L6.7 10.7a.996.996 0 0 1 0-1.41c.39-.38 1.03-.39 1.42 0z"/></svg>');
	background-repeat: no-repeat;
}
/*table dialog select focus*/
div.DTE_Field select:focus, div.DTE_Field select:focus-visible {
	border-color: #064B9C;
	outline: none;
	background-color: white;
}
/*table dialog input*/
div.DTE_Field_InputControl input[type=text] {
	border: 1px solid #cdcdcd;
	background-color: white;
}
/*table dialog input focus*/
div.DTE_Field_InputControl input[type=text]:focus, div.DTE_Field_InputControl input[type=text]:focus-visible {
	border-color: #064B9C;
	outline: none;
	background-color: white;
}
/*table dialog field label*/
.DTED_Lightbox_Container div.DTE_Body div.DTE_Body_Content div.DTE_Field > label {
	text-align: right;
	padding-top: 9px;
	padding-right: 10px;
	box-sizing: border-box;
}
/*Compose properties*/
.propertiesCompose .productContent .componentName {
	width: 100%;
}
.propertiesCompose .productContent .componentName .productSelectionContent {
	display: flex;
	align-items: center;
	flex-direction: row; /*cambio*/
	gap:20px; /*cambio*/
	width:100%; /*cambio*/
}

.propertiesCompose .productContent .componentName .productSelectionContent{
	display:flex;
	flex-direction:row;
	gap:20px;
	width:100%;
}

.propertiesCompose .productContent .componentName .productSelectionContent .propertiesSelectorContainer{
	width:250px; /*cambio*/
}
.propertiesCompose .productContent .componentName .productSelectionContent .propertiesSelectorContainer label {
	margin-right: 10px;
	display:block; /*cambio*/
}
.propertiesCompose .productContent .componentName .productSelectionContent .propertiesSelectorContainer select {
	min-width: 260px;
}
.propertiesCompose .productContent .componentName .productSelectionContent .propertiesSelectorGrammageContainer {
	display: flex;
	align-items: center;
	position: relative;
}
.propertiesCompose .productContent .componentName .productSelectionContent .propertiesSelectorGrammageContainer label {
	display:block; /*cambio*/
	margin-right: 10px;
}
.propertiesCompose .productContent .componentName .productSelectionContent .propertiesSelectorGrammageContainer select {
	min-width: 130px;
}
.propertiesCompose .productContent .componentName .productSelectionContent .propertiesInputGrammageContainer {
}
.propertiesCompose .productContent .componentName .productSelectionContent .propertiesInputGrammageContainer input[type="text"] {
	border: 1px solid #cdcdcd;
	padding: 8px 35px 8px 8px;
}
.propertiesCompose .productContent .componentName .productSelectionContent .propertiesInputGrammageContainer input[type="text"]:focus-visible {
	border-radius: 0;
	outline: none;
	border-color: #064B9C;
}

.propertiesContent .productContent .componentName .productSelectionContent {
	display: flex;
	align-items: center;
	flex-direction: row; /*cambio*/
	gap:20px; /*cambio*/
	width:500px; /*cambio*/
}


.propertiesContent .productContent .componentName .productSelectionContent .propertiesInputGrammageContainer{
	margin-top:25px;
}
.propertiesContent .productContent .componentName .productSelectionContent .propertiesInputGrammageContainer input{
	padding:7px 0;
	width:50px;
}